<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery.js" ></script>
		<script>
			$(function(){
				$("#btn1").on("click", function(){
					$("#nav-form").toggle();
					
					var dataOpt = $(this).data();
					if(dataOpt && dataOpt.toolbars) {//toolbars 以逗号分隔
						dataOpt.toolbars = dataOpt.toolbars.split(",");
					}
					
					var data = {aa:1, bb:2,cc:3,dd:"章撒"};
					var s = $.param(data);
					console.info(s);
					console.info(encodeURI(s));
					console.info(encodeURIComponent(s));
					
				//	console.info(JSON.stringify(dataOpt));
				}).trigger("click");
			});
		</script>
	</head>
	<body>
		<button type="button" id="btn1" data-toolbars="fullscreen,undo" >click</button>
		<form id="nav-form">
			<label>name </label><input type="text" /><br />
			<button type="submit">submit</button>
		</form>
	</body>
</html>
